<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">             
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">
                <p:panel id="pnlPrincipal" header="#{i18n['form.puesto.trabajo.titulo.panel']} / #{sessionMBean.titulo} #{puestoTrabajoMBean.dto.id}" style="#{applicationMBean.estiloTitulo}">                    
                    <h:panelGrid id="pgFormDto" columns="10" cellpadding="4">
                        <h:outputLabel for="itDescripcion" value="#{i18n['form.puesto.trabajo.descripcion']}" styleClass="label"/>
                        <p:inputText id="itDescripcion" label="#{i18n['form.puesto.trabajo.descripcion']}"  maxlength="200"
                                     value="#{puestoTrabajoMBean.dto.descripcion}"  readonly="#{sessionMBean.accion == applicationMBean.ver}"
                                     required="true" size="60" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="200" minimum="1"/>
                        </p:inputText>

                        <h:outputLabel for="itDescripcionCorta" value="#{i18n['form.puesto.trabajo.descripcion.corta']}" styleClass="label"/>
                        <p:inputText id="itDescripcionCorta" label="#{i18n['form.puesto.trabajo.descripcion.corta']}"  maxlength="10"
                                     value="#{puestoTrabajoMBean.dto.descripcionCorta}"  readonly="#{sessionMBean.accion == applicationMBean.ver}"
                                     required="true" size="10" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="10" minimum="1"/>
                        </p:inputText>
                        
                        <h:outputLabel for="itArea" styleClass="label" value="#{i18n['form.puesto.trabajo.area']}"/>
                        <p:selectOneMenu id="itArea" value="#{puestoTrabajoMBean.dto.areaDto}" required="true" converter="areaConvert" style="#{applicationMBean.estiloObligatorio}" disabled="#{sessionMBean.accion == applicationMBean.ver}">
                            <f:selectItems value="#{puestoTrabajoMBean.listaArea}" var="areaDto" itemLabel="#{areaDto.descripcion}" itemValue="#{areaDto}"/>
                        </p:selectOneMenu>

                        <h:outputLabel styleClass="label" value="#{i18n['general.label.activo']}"/>
                        <p:selectBooleanCheckbox value="#{puestoTrabajoMBean.dto.estado}"  style="#{applicationMBean.estilo}"  disabled="#{sessionMBean.accion == applicationMBean.ver}"/>
                    </h:panelGrid>
                    
                    <h:outputLabel value="#{i18n['general.label.campos.auditoria']}" styleClass="subTitulo" rendered="#{puestoTrabajoMBean.dto.id!=null}"/>
                    <p:separator rendered="#{puestoTrabajoMBean.dto.id!=null}"/>
                    <h:panelGrid id="pgCamposAuditoria" columns="6" cellspacing="10" rendered="#{puestoTrabajoMBean.dto.id!=null}">
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.usuario.creacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{puestoTrabajoMBean.dto.usuarioCreacionDto.descripcion}"/>
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.fecha.creacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{puestoTrabajoMBean.dto.fechaCreacion}">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                        </h:outputLabel>                            
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.terminal.creacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{puestoTrabajoMBean.dto.terminalCreacion}"/>
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.usuario.modificacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{puestoTrabajoMBean.dto.usuarioDto.descripcion}"/>
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.fecha.modificacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{puestoTrabajoMBean.dto.fecha}">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                        </h:outputLabel>                            
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.terminal.modificacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{puestoTrabajoMBean.dto.terminal}"/>
                    </h:panelGrid>
                    <f:facet name="footer">
                        <p:commandButton title="#{i18n['general.button.guardar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="false"
                                         icon="ui-icon ui-icon-disk" rendered="#{sessionMBean.accion != applicationMBean.ver}"
                                         style="#{applicationMBean.estilosBtnGuardar}"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['general.button.guardar']}"
                                         action="#{puestoTrabajoMBean.guardar}">
                        </p:commandButton>

                        <p:commandButton title="#{i18n['general.button.atras.tip']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true"
                                         style="#{applicationMBean.estilosBtnRetroceder}"
                                         value="#{i18n['general.button.atras']}"
                                         action="#{puestoTrabajoMBean.retroceder}">
                        </p:commandButton>

                        <p:commandButton title="#{i18n['bitacora.ver.historial']}"
                                         icon="ui-icon ui-icon-calculator"
                                         value="#{i18n['bitacora.ver.historial']}"
                                         ajax="true"
                                         style="#{applicationMBean.estilosBtnHistorial}"
                                         rendered="#{puestoTrabajoMBean.dto.id!=null}"
                                         oncomplete="dlgBitacoraEntidad.show()"
                                         update=":frmPopupBitacoras:pgFormPopupBitacoras"
                                         actionListener="#{puestoTrabajoMBean.verBitacora}">
                        </p:commandButton>

                        <p:commandButton title="#{i18n['general.button.nuevo.tip']}" accesskey="#{applicationMBean.keyNuevo}"
                                         icon="ui-icon ui-icon-plus" rendered="#{puestoTrabajoMBean.dto.id!=null}"
                                         value="#{i18n['general.button.nuevo']}"
                                         style="#{applicationMBean.estilosBtnNuevo}"
                                         ajax="false"
                                         actionListener="#{puestoTrabajoMBean.nuevo}">
                        </p:commandButton>
                    </f:facet>                    
                </p:panel>
                
                <p:tabView id="tabPrincPuestoTrab" style="#{applicationMBean.estiloTitulo}">
                    <p:tab id="tabMaquina" title="#{i18n['form.puesto.trabajo.maquinas']}" rendered="#{puestoTrabajoMBean.dto.id != null}">
                        <h:panelGrid id="pngTablaMaquina" columns="1" styleClass="tabla_dinam">
                            <h:panelGrid columns="13" cellpadding="4">
                                <p:commandButton title="#{i18n['form.puesto.trabajo.boton.nueva.maquina']}"
                                                 icon="ui-icon ui-icon-plus"                                                 
                                                 style="#{applicationMBean.estilosBtnNuevoDetalle}"
                                                 value="#{i18n['form.puesto.trabajo.boton.nueva.maquina']}"
                                                 rendered="#{sessionMBean.accion!=applicationMBean.ver}" ajax="true"
                                                 oncomplete="carDialogMaquina.show()" immediate="true"
                                                 update=":frmMaquina:pgFormDtoMaquina"
                                                 action="#{puestoTrabajoMBean.nuevoDetalle}">                                    
                                </p:commandButton>
                            </h:panelGrid>
                            <h:panelGrid columns="1">
                                <p:dataTable id="tblPrincipalMaquina" value="#{puestoTrabajoMBean.dto.listaDetalles}" var="dtoDeta" widgetVar="widTable"
                                             rowKey="#{dto.id}" paginator="true" paginatorPosition="top" rows="#{sessionMBean.cantidadRegistros}"
                                             emptyMessage="#{i18n['form.puesto.trabajo.no.detalles']}" styleClass="estiloPanel">
                                    <p:column style="text-align:center;">
                                        <h:panelGrid id="pgBotonesGrillaMaquina" columns="10" cellspacing="5" styleClass="estiloPanelGrid">
                                            <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                             action="#{puestoTrabajoMBean.verDetalle}" ajax="true"
                                                             oncomplete="carDialogMaquina.show()" update=":frmMaquina:pgFormDtoMaquina"
                                                             >
                                                <f:setPropertyActionListener value="#{dtoDeta}" target="#{puestoTrabajoMBean.detaDto}"/>
                                            </p:commandButton>
                                            <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}" 
                                                             rendered="#{sessionMBean.accion!=applicationMBean.ver}"
                                                             ajax="true" update=":frmMaquina:pgFormDtoMaquina"
                                                             action="#{puestoTrabajoMBean.editarDetalle}" 
                                                             oncomplete="carDialogMaquina.show()">
                                                <f:setPropertyActionListener value="#{dtoDeta}" target="#{puestoTrabajoMBean.detaDto}"/>
                                            </p:commandButton>
                                        </h:panelGrid>
                                    </p:column>
                                    <p:column headerText="#{i18n['general.label.id']}" styleClass="general">
                                        <h:outputText value="#{dtoDeta.id}" styleClass="general"/>
                                    </p:column>
                                    <p:column headerText="#{i18n['form.puesto.trabajo.maquina']}" styleClass="general">
                                        <h:outputText value="#{dtoDeta.maquinaDto.descripcion}" styleClass="general"/>
                                    </p:column>
                                    <p:column headerText="#{i18n['general.label.activo']}" styleClass="general">
                                        <h:outputText value="#{dtoDeta.estadoTexto}" styleClass="general"/>
                                    </p:column>
                                </p:dataTable>
                            </h:panelGrid>
                        </h:panelGrid>
                    </p:tab>
                    <p:tab id="tabProceso" title="#{i18n['form.puesto.trabajo.procesos']}" rendered="#{puestoTrabajoMBean.dto.id != null &amp;&amp; puestoTrabajoMBean.dto.listaProceso.size()>0}">
                        <h:panelGrid id="pngTablaProceso" columns="1" styleClass="tabla_dinam">
                            <h:panelGrid columns="1">
                                <p:dataTable id="tblPrincipalProceso" value="#{puestoTrabajoMBean.dto.listaProceso}" var="dto" widgetVar="widTable"
                                             rowKey="#{dto.id}" paginator="true" paginatorPosition="top" rows="#{sessionMBean.cantidadRegistros}"
                                             emptyMessage="#{i18n['form.puesto.trabajo.no.detalles']}" styleClass="estiloPanel">
                                    <p:column style="text-align:center;">
                                        <h:panelGrid id="pgBotonesGrillaProceso" columns="10" cellspacing="5" styleClass="estiloPanelGrid">
                                            <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                             action="#{puestoTrabajoMBean.verProceso}" ajax="true"
                                                             oncomplete="carDialogProceso.show()" update=":tabPrincProceso"
                                                             >
                                                <f:setPropertyActionListener value="#{dto}" target="#{puestoTrabajoMBean.detaProcesoDto}"/>
                                            </p:commandButton>                                            
                                        </h:panelGrid>
                                    </p:column>
                                    <p:column headerText="#{i18n['general.label.id']}" styleClass="general">
                                        <h:outputText value="#{dto.id}" styleClass="general"/>
                                    </p:column>
                                    <p:column headerText="#{i18n['form.proceso.descripcion']}" styleClass="general">
                                        <h:outputText value="#{dto.descripcion}" styleClass="general"/>
                                    </p:column>
                                    <p:column headerText="#{i18n['form.proceso.descripcion.corta']}" styleClass="general">
                                        <h:outputText value="#{dto.descripcionCorta}" styleClass="general"/>
                                    </p:column>
                                    <p:column headerText="#{i18n['form.proceso.centro.costos']}" styleClass="general">
                                        <h:outputText value="#{dto.centroCostosDto.descripcion}" styleClass="general"/>
                                    </p:column>
                                    <p:column headerText="#{i18n['general.label.activo']}" styleClass="general">
                                        <h:outputText value="#{dto.estadoTexto}" styleClass="general"/>
                                    </p:column>
                                </p:dataTable>
                            </h:panelGrid>
                        </h:panelGrid>
                    </p:tab>
                </p:tabView>                
            </h:form>
            <p:dialog id="dialogMaquina" header="#{i18n['panel.titulo.puesto.trabajo.maquina']}" widgetVar="carDialogMaquina" resizable="false"
                      width="280" height="120" modal="true">
                <p:messages id="msjDialogMaquina" showDetail="false" autoUpdate="true"/>
                <ui:include src="/pages/prod/puestoTrabajo/puestoTrabajoMaquina.xhtml"/> 
            </p:dialog>
            <p:dialog id="dialogProceso" header="#{i18n['panel.titulo.puesto.trabajo.proceso']}" widgetVar="carDialogProceso" resizable="false"
                      width="500" height="250" modal="true">
                <p:messages id="msjDialogProceso" showDetail="false" autoUpdate="true"/>
                <ui:include src="/pages/prod/puestoTrabajo/puestoTrabajoProceso.xhtml"/>
            </p:dialog>
            <p:dialog id="dialogUtillaje" header="#{i18n['panel.titulo.puesto.trabajo.utillaje']}" widgetVar="carDialogUtillaje" resizable="false"
                      width="290" height="120" modal="true">
                <p:messages id="msjDialogUtillaje" showDetail="false" autoUpdate="true"/>
                <ui:include src="/pages/prod/puestoTrabajo/puestoTrabajoUtillaje.xhtml"/>
            </p:dialog>
            <p:dialog id="idDlgBitacoraEntidad" header="#{i18n['bitacora.titulo']}" widgetVar="dlgBitacoraEntidad" resizable="false"  
                      width="900" height="450" modal="true">                        
                <ui:include src="/pages/bitacora/bitacoras.xhtml" /> 
            </p:dialog>
        </ui:define>
    </ui:composition>
</html>